<style>
.{{$template|escape:'html'}}_table1 {
  width: 100%;
  margin: 30px 0 0 0;
}
.{{$template|escape:'html'}}_table2 {
}
.{{$template|escape:'html'}}_td1 {
  font-weight: bold;
  font-size: 14px;
  height: 30px;
  text-align: left;
}
.{{$template|escape:'html'}}_td2 {
  background-color: #ACC8FE;
  font-weight: bold;
}
.{{$template|escape:'html'}}_td3 {
  padding: 0 10px 0 10px;
  height: 38px;
border-left: solid 1px #ACC8FE;
}
.{{$template|escape:'html'}}_td4 {
  width: 100px;
}
.{{$template|escape:'html'}}_td5 {
  padding: 0 3px;
}
.{{$template|escape:'html'}}_td6 {
  text-align: right;
  padding: 0 10px 0 0px;
  width: 60px;
}
.{{$template|escape:'html'}}_td7 {
  width: 90px;
  padding-left: 10px;
  text-align: center;
border-right: solid 1px #ACC8FE;
}
.{{$template|escape:'html'}}_td9 {
  height: 19px;
  padding: 3px 0 0 10px;
}
.{{$template|escape:'html'}}_input {
  width: 150px;
}
.{{$template|escape:'html'}}_tableborder{
  border-left: solid 1px #d7d7d7;
  border-right: solid 1px #d7d7d7;
}
.{{$template|escape:'html'}}_tableborder td{
  border-bottom: solid 1px #bbb;
  white-space: nowrap;
  text-align: left;
}
.{{$template|escape:'html'}}_td71,.{{$template|escape:'html'}}_td72,.{{$template|escape:'html'}}_td73,.{{$template|escape:'html'}}_td74,
.{{$template|escape:'html'}}_td75,.{{$template|escape:'html'}}_td76,.{{$template|escape:'html'}}_td77,.{{$template|escape:'html'}}_td78 {
  font-weight:bold;
  height: 19px;
  white-space: nowrap;
  color:#666;
  font-size: 12px;
  padding: 0 20px 0 5px;
  border-right: solid 1px #bbb;
}
{{$template|escape:'html'}}_td71 {
  padding: 0 64px 0 5px;
}
.{{$template|escape:'html'}}_td72 {
  padding: 0 65px 0 5px;
}
.{{$template|escape:'html'}}_td73 {
  padding: 0 30px 0 5px;
}
.{{$template|escape:'html'}}_td74 {
  padding: 0 10px 0 5px;
}
.{{$template|escape:'html'}}_td75 {
  padding: 0 50px 0 5px;
}
.{{$template|escape:'html'}}_td76 {
  padding: 0 17px 0 5px;
}
.{{$template|escape:'html'}}_td77 {
  padding: 0 13px 0 5px;
}
.{{$template|escape:'html'}}_td78 {
  padding: 0 40px 0 5px;
}
.{{$template|escape:'html'}}_td10 {
  font-weight:bold;
  white-space: nowrap;
  color:#666;
  font-size: 12px;
  padding: 0 20px 0 5px;
}
.{{$template|escape:'html'}}_td11 {
  background-color: #d7d7d7;
}
.lastupdated_btm{
  height: 5px;
}
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
<!--
  if (document.addEventListener) {
    document.addEventListener('DOMContentLoaded', init, false);
  }
  window.onload = init;

  function init() {
    if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
      return;
    }
    arguments.callee._loaded = true;
    var gui = AbsPLastUpdated.gui('{{$template|escape:'javascript'}}');
    new HandlePLastUpdated(gui, MiscUtils.decode('{{$user|escape:javascript}}'), MiscUtils.decode('{{$date|escape:javascript}}'), MiscUtils.decode('{{$options|escape:javascript}}'), MiscUtils.decode('{{$data|escape:javascript}}'));
  }
//-->
</script>

<table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
  <tr>
    <td class="{{$template|escape:'html'}}_td1">Last Updated</td>
  </tr>
  <tr>
    <td align="left">
      <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
        <tr>
          <td class="{{$template|escape:'html'}}_td2" colSpan=10>
            <div class="round4"></div>
            <div class="round2"></div>
            <div class="round1"></div>
            <div class="{{$template|escape:'html'}}_td9">Search Box</div>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td3">Date From</td>
          <td class="{{$template|escape:'html'}}_td4">
            <input id="{{$template|escape:'html'}}_dateFrom_text" class="{{$template|escape:'html'}}_input" />
          </td>
          <td class="{{$template|escape:'html'}}_td5">To</td>
          <td class="{{$template|escape:'html'}}_td4">
            <input id="{{$template|escape:'html'}}_dateTo_text" class="{{$template|escape:'html'}}_input" />
          </td>
          <td class="{{$template|escape:'html'}}_td6">User</td>
          <td class="{{$template|escape:'html'}}_td4">
            <input id="{{$template|escape:'html'}}_user_text" class="{{$template|escape:'html'}}_input" />
          </td>
          <td class="{{$template|escape:'html'}}_td7">
            <input type="button" value="Search" class="button" id="{{$template|escape:'html'}}_search_button" />
          </td>
        </tr>
        <tr>
          <td style="background-color: #c3d9ff" colSpan=10>
            <div class="round_btm" ></div>
            <div class="round1"></div>
            <div class="round2"></div>
            <div class="round4"></div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="height:5px;padding:15px 0 2px 0" id="{{$template|escape:'html'}}_page_div"></td>
  </tr>
  <tr>
    <td>
      <table cellPadding="0" cellSpacing="0" style="width:100%">
        <tr>
          <td colSpan="20" class="{{$template|escape:'html'}}_td11">
            <div class="round4"></div>
            <div class="round2"></div>
            <div class="round1"></div>
            <div class="lastupdated_btm" ></div>
          </td>
        </tr>
      </table>
      <table style="color: #444;font-size: 12px" class="{{$template|escape:'html'}}_tableborder" cellPadding="0" cellSpacing="0" id="{{$template|escape:'html'}}_lastUpdated_table">
        <tr style="background-color: #e9e9e9;">
          <td class="{{$template|escape:'html'}}_td73">Branch</td>
          <td class="{{$template|escape:'html'}}_td74">Customer No.</td>
          <td class="{{$template|escape:'html'}}_td76">Created Date</td>
          <td class="{{$template|escape:'html'}}_td76">Received Date</td>
          <td class="{{$template|escape:'html'}}_td77">Photographer</td>
          <td class="{{$template|escape:'html'}}_td77">2nd Photographer</td>
          <td class="{{$template|escape:'html'}}_td78">Designer</td>
          <td class="{{$template|escape:'html'}}_td72">Task</td>
          <td class="{{$template|escape:'html'}}_td71">User</td>
          <td class="{{$template|escape:'html'}}_td10">Date</td>
        </tr>
      </table>
      <table cellPadding="0" cellSpacing="0" style="width:100%">
        <tr>
          <td colSpan="20" class="{{$template|escape:'html'}}_td11">
            <div class="round_btm" ></div>
            <div class="round1"></div>
            <div class="round2"></div>
            <div class="round4"></div>
          </td>
        </tr>
      </table>
    </td>
    <td style="width:100%"></td>
   </tr>  
 </table>
